/* progress_layout.css */
h1 {
    color: #333;
    font-weight: bold;
}

.card-header {
    background-color: #007bff;
    color: #fff;
    font-weight: bold;
}
#selected-tactic-container {

}

.tactic_card {
    display: grid;
    grid-template-columns: 1fr 1fr auto; /* 定义三列布局 */
    grid-auto-rows: auto; /* 自动调整行高 */
    gap: 10px; /* 网格间距 */

    border: 1px solid #ccc;
    padding: 5px;
    margin: 5px;
    border-radius: 5px;
}

.selected-data-item {
    border: 1px solid #ccc;
    padding: 5px;
    border-radius: 5px;
}

.selected-data-item > div {
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
    margin-right: 10px;
}

.delete-tactic {
    color: red;
    border: 1px solid #ccc;
    border-radius: 5px;
    cursor: pointer;
    align-self: center; /* 垂直居中 */
    justify-self: center; /* 水平居中 */
}

.delete-data {
    color: red;
    border: 1px solid #ccc;
    border-radius: 5px;
    cursor: pointer;
    align-self: center; /* 垂直居中 */
    justify-self: center; /* 水平居中 */
    margin-left: 10px;
}

/* 针对小屏幕（如手机）的字体大小 */
@media (max-width: 768px) {
    html {
        font-size: 12px; /* 手机端字体大小较小 */
    }
}

